<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>카톡짤방 - 카톡ㅋㅋㅋ</title>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="author" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<link rel="shortcut icon" href="/favicon.png" />
<link rel="stylesheet" href="css/mobile.css" />
<script src="js/jquery-1.7.1.min.js"></script>
<script>
	function Load(id)
	{
		var json = "http://picasaweb.google.com/data/feed/api/user/snkatalk@gmail.com/albumid/" + id + "?alt=jsonc&kind=photo&max-results=100&orderby=published";
		var response = "";		

		$.getJSON(json + "&start-index=1", function(data)
		{
			$.each(data.data.items, function(i, item) 
			{
				response += "<li>";
				response += "<a href='jjal_sub.html?" + item.media.image.url + "'>" + "<img src='" + item.media.thumbnails[2] + "' alt=''></a>";
				response += "</li>";
    		});
		})
		.complete(function() 
		{			
			$("#list").html(response);
		});
	}

</script>
<style>
@font-face{ font-family: '나눔고딕'; font-weight: normal; font-style: normal; src:url('NanumGothicBold.tt');}
h1,h2{font-family:'나눔고딕', sans-serif}
</style>
</head>
<body>
	<header class="clearfix">
	  <a href="index.html" class="sub"></a><h1 class="h1_main">카톡ㅋㅋㅋ</h1>
	</header>
	<div id="container">
		<div class="sub_box jjal">
			<h2>웃긴짤방 <em>카톡짤방모음</em></h2>
			<section>
				<ul class="jjal_ul clearfix" id="list">
				</ul>
			</section>
		</div>
	</div>
	<footer class="bottom_cloud">
		<p>©s&soft</p>
	</footer>
	<div class="left_cloud"></div>
	<div class="right_cloud"></div>
	<div class="baloon_cloud"></div>
	<div class="bg_ribon"></div>
</body>
</html>
